<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  
  
    <meta name="keywords" content="前端,Vue.js,JavaScript,Node.js,小程序">
  
  
    <meta name="description" content="GuoYou.Li(李国有)的博客, 用于做学习过程中的笔记、总结以及知识分享">
  
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>
    放入收藏夹吃灰吧! |
    
    种子的信仰</title>
  
    <link rel="shortcut icon" href="/your/favicon.ico">
  
  
<link rel="stylesheet" href="/your/css/style.css">

  
    
<link rel="stylesheet" href="/your/fancybox/jquery.fancybox.min.css">

  
  
<script src="/your/js/pace.min.js"></script>

<meta name="generator" content="Hexo 4.2.1"><link rel="alternate" href="/your/atom.xml" title="种子的信仰" type="application/atom+xml">
</head>

<body>
<main class="content">
  <section class="outer">
  <article id="post-good-articles" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

    <div class="article-inner">
        
            <header class="article-header">
                
  
    <h1 class="article-title" itemprop="name">
      放入收藏夹吃灰吧!
    </h1>
  
  




            </header>
            

                
                    <div class="article-meta">
                        <a href="/your/2022/03/09/good-articles/" class="article-date">
  <time datetime="2022-03-09T14:43:04.000Z" itemprop="datePublished">2022-03-09</time>
</a>
                            
  <div class="article-category">
    <a class="article-category-link" href="/your/categories/%E7%9F%A5%E8%AF%86%E6%80%BB%E7%BB%93/">知识总结</a> / <a class="article-category-link" href="/your/categories/%E7%9F%A5%E8%AF%86%E6%80%BB%E7%BB%93/%E7%B2%BE%E9%80%89%E5%A5%BD%E6%96%87/">精选好文</a>
  </div>

                    </div>
                    

                        
                            
    <div class="tocbot"></div>





                                

                                    <div class="article-entry" itemprop="articleBody">
                                        


                                            

                                                
                                                                    <h1 id="精选好文"><a href="#精选好文" class="headerlink" title="精选好文"></a>精选好文</h1><h2 id="JavaScript"><a href="#JavaScript" class="headerlink" title="JavaScript"></a>JavaScript</h2><ol>
<li><a href="https://mp.weixin.qq.com/s/6kPI8CypvnTruUODImJIdg" target="_blank" rel="noopener">面试官：JavaScript的数据类型你了解多少？</a></li>
<li><a href="https://juejin.cn/post/7019470820057546766" target="_blank" rel="noopener">《2w字大章 38道面试题》彻底理清JS中this指向问题</a></li>
<li><a href="https://juejin.cn/post/6844903512845860872" target="_blank" rel="noopener">这一次，彻底弄懂 JavaScript 执行机制</a></li>
<li><a href="https://juejin.cn/post/6844904050543034376" target="_blank" rel="noopener">「硬核JS」一次搞懂JS运行机制</a></li>
<li><a href="https://juejin.cn/post/7007031572238958629" target="_blank" rel="noopener">7张图，20分钟就能搞定的async/await原理！为什么要拖那么久？</a></li>
<li><a href="https://juejin.cn/post/6995334897065787422" target="_blank" rel="noopener">基础很好？总结了38个ES6-ES12的开发技巧，倒要看看你能拿几分？🐶</a></li>
<li><a href="https://juejin.cn/post/6950878916135354398" target="_blank" rel="noopener">medium 五万赞好文-《我永远不懂 JS 闭包》</a></li>
<li><a href="https://juejin.cn/post/7000891889465425957" target="_blank" rel="noopener">一万字ES6的class类，再学不懂，请把我锤死（语法篇）</a></li>
<li><a href="https://juejin.cn/post/6844903456478593031" target="_blank" rel="noopener">JavaScript 中的构造函数</a></li>
<li><a href="https://juejin.cn/post/7019108835197452301" target="_blank" rel="noopener">JavaScript之预编译学习(内含多个面试题)</a></li>
</ol>
<h2 id="Vue"><a href="#Vue" class="headerlink" title="Vue"></a>Vue</h2><ol>
<li><a href="https://juejin.cn/post/6861725116389130254" target="_blank" rel="noopener">学习Vue3.0,先来了解一下Proxy</a></li>
<li><a href="https://juejin.cn/post/6926785971287490573" target="_blank" rel="noopener">【nginx】History模式的配置细节</a></li>
<li><a href="https://juejin.cn/post/6994959998283907102" target="_blank" rel="noopener">15张图，20分钟吃透Diff算法核心原理，我说的！！！</a></li>
<li><a href="https://juejin.cn/post/7006108454028836895" target="_blank" rel="noopener">Vue3.2 setup语法糖、Composition API归纳总结</a></li>
</ol>
<h2 id="TypeScript"><a href="#TypeScript" class="headerlink" title="TypeScript"></a>TypeScript</h2><ol>
<li><a href="https://juejin.cn/post/7018805943710253086" target="_blank" rel="noopener">2021 typescript史上最强学习入门文章(2w字)</a></li>
</ol>
<h2 id="其他"><a href="#其他" class="headerlink" title="其他"></a>其他</h2><ol>
<li><a href="https://juejin.cn/post/6844903832435032072" target="_blank" rel="noopener">史上最详细的经典面试题 从输入URL到看到页面发生了什么？</a></li>
<li><a href="https://juejin.cn/post/7004638318843412493" target="_blank" rel="noopener">最新的前端大厂面经（详解答案）</a></li>
<li><a href="https://juejin.cn/post/7023271065392513038" target="_blank" rel="noopener">牛客最新前端JS笔试百题</a></li>
<li><a href="https://juejin.cn/collection/6845243427983097870" target="_blank" rel="noopener">近 20 人爆肝数周，写给初中级前端的万字高级进阶指南</a></li>
<li><a href="https://juejin.cn/post/6987179395714646024" target="_blank" rel="noopener">你真的了解package.json吗？来看看吧，这可能是最全的package解析</a></li>
</ol>

                                                                        
                                    </div>
                                    <footer class="article-footer">
                                        <!-- 注释 - 分享按钮 -->
                                        <!-- <a data-url="http://liguoyou.gitee.io/your/2022/03/09/good-articles/" data-id="cl0jo8oab0000c0on4on7gvr1" class="article-share-link">
                                            分享
                                        </a> -->
                                        
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/%E7%B2%BE%E9%80%89%E5%A5%BD%E6%96%87/" rel="tag">精选好文</a></li></ul>

                                    </footer>

    </div>

    
        
  <nav class="article-nav">
    
    
      <a href="/your/2022/03/08/uni-login/" class="article-nav-link">
        <strong class="article-nav-caption">后一篇</strong>
        <div class="article-nav-title">微信小程序端开发静默授权功能异步方法 uni-login 改成同步方法</div>
      </a>
    
  </nav>


            

                
                    
                        
  <div class="gitalk" id="gitalk-container"></div>
  <p style="color: #999; font-size: 12px; text-align: center;">
    第三方评论系统 -- Gitalk: 偶尔可能出现加载失败的情况, 您可以选择刷新或者前往 
    <a href="https://github.com/liguoyou/your/issues" target="_blank">issues</a>
    提交和查看评论
  </p>
  
<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">

  
<script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>

  
<script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>

  <script type="text/javascript">
    var gitalk = new Gitalk({
      clientID: '2e731d2b04096a7c71ab',
      clientSecret: '41e2e15eb8edebd8efd5a6da558a44d60f33468a',
      repo: 'your',
      owner: 'liguoyou',
      admin: ['liguoyou'],
      // id: location.pathname,      // Ensure uniqueness and length less than 50
      id: md5(location.pathname),
      distractionFreeMode: false,  // Facebook-like distraction free mode
      pagerDirection: 'last'
    })

  gitalk.render('gitalk-container')
  </script>

                            

</article>
</section>
  <footer class="footer">
  <div class="outer">
    <div class="float-right">
      <ul class="list-inline">
  
    <li><i class="fe fe-smile-alt"></i> <span id="busuanzi_value_site_uv"></span></li>
  
    <li><i class="fe fe-bookmark"></i> <span id="busuanzi_value_page_pv"></span></li>
  
</ul>
    </div>
    <ul class="list-inline">
      <li>&copy; 2022 种子的信仰</li>
      <li>Powered by <a href="http://hexo.io/" target="_blank">Hexo</a></li>
      <li>Theme  <a href="https://github.com/zhwangart/hexo-theme-ocean" target="_blank" rel="noopener">Ocean</a></li>
    </ul>
  </div>
</footer>

</main>
<aside class="sidebar">
  <button class="navbar-toggle"></button>
<nav class="navbar">
  
    <div class="logo">
      <a href="/your/"><img src="/your/images/logo.png" alt="种子的信仰"></a>
    </div>
  
  <ul class="nav nav-main">
    
      <li class="nav-item">
        <a class="nav-item-link" href="/your/">首页</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/your/archives">时间轴</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/your/gallery">相册</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/your/categories">分类</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/your/tags">标签</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/your/about">关于</a>
      </li>
    
    <li class="nav-item">
      <a class="nav-item-link nav-item-search" title="搜索">
        <i class="fe fe-search"></i>
        搜索
      </a>
    </li>
  </ul>
</nav>
<nav class="navbar navbar-bottom">
  <ul class="nav">
    <li class="nav-item">
      <div class="totop" id="totop">
  <i class="fe fe-rocket"></i>
</div>
    </li>
    <li class="nav-item">
      
        <a class="nav-item-link" target="_blank" href="/your/atom.xml" title="RSS Feed">
          <i class="fe fe-feed"></i>
        </a>
      
    </li>
  </ul>
</nav>
<div class="search-form-wrap">
  <div class="local-search local-search-plugin">
  <input type="search" id="local-search-input" class="local-search-input" placeholder="请输入关键词...">
  <div id="local-search-result" class="local-search-result"></div>
</div>
</div>
</aside>

<script src="/your/js/jquery-2.0.3.min.js"></script>


<script src="/your/js/jquery.justifiedGallery.min.js"></script>


<script src="/your/js/lazyload.min.js"></script>


<script src="/your/js/busuanzi-2.3.pure.min.js"></script>


  
<script src="/your/fancybox/jquery.fancybox.min.js"></script>




  
<script src="/your/js/tocbot.min.js"></script>

  <script>
    // Tocbot_v4.7.0  http://tscanlin.github.io/tocbot/
    tocbot.init({
      tocSelector: '.tocbot',
      contentSelector: '.article-entry',
      headingSelector: 'h1, h2, h3, h4, h5, h6',
      hasInnerContainers: true,
      scrollSmooth: true,
      positionFixedSelector: '.tocbot',
      positionFixedClass: 'is-position-fixed',
      fixedSidebarOffset: 'auto',
    });
  </script>


<script src="/your/js/ocean.js"></script>


</body>
</html>